<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
         <link rel="stylesheet" type="text/css" href="{{rootUrl}}global/css/templatemo_style.css" media="screen" />
       
        <link rel="stylesheet" type="text/css" href="{{rootUrl}}global/css/screen.css" media="screen" />
        <script src="{{rootUrl}}global/js/jquery-1.4.1.min.js" type="text/javascript"></script>	
        <style type="text/css">
            .hidden{display: none}
            <!--
	
	
	#contactform {
	
	width: 500px;
	padding: 20px;
	background: #f0f0f0;
	overflow:auto;
	
	border: 1px solid #cccccc;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	
	-moz-box-shadow: 2px 2px 2px #cccccc;
	-webkit-box-shadow: 2px 2px 2px #cccccc;
	box-shadow: 2px 2px 2px #cccccc;
	
	}
	
	.field{margin-bottom:7px;}
	
	label {
	font-family: Arial, Verdana; 
	text-shadow: 2px 2px 2px #ccc;
	display: block; 
	float: left; 
	font-weight: bold; 
	margin-right:10px; 
	text-align: right; 
	width: 120px; 
	line-height: 25px; 
	font-size: 15px; 
	}
	
	.input{
	font-family: Arial, Verdana; 
	font-size: 15px; 
	padding: 5px; 
	border: 1px solid #b9bdc1; 
	width: 300px; 
	color: #797979;	
	}
	
	.input:focus{
	background-color:#E7E8E7;	
	}
	
	.textarea {
	height:150px;	
	}
	
	.hint{
	display:none;
	}
	
	.field:hover .hint {  
	position: absolute;
	display: block;  
	margin: -30px 0 0 455px;
	color: #FFFFFF;
	padding: 7px 10px;
	background: rgba(0, 0, 0, 0.6);
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;	
	}
	
	.button{
	float: right;
	margin:10px 55px 10px 0;
	font-weight: bold;
	line-height: 1;
	padding: 6px 10px;
	cursor:pointer;   
	color: #fff;
	
	text-align: center;
	text-shadow: 0 -1px 1px #64799e;
	
	/* Background gradient */
	background: #a5b8da;
	background: -moz-linear-gradient(top, #a5b8da 0%, #7089b3 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5b8da), to(#7089b3));
	
	/* Border style */
  	border: 1px solid #5c6f91;  
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
  
	/* Box shadow */
	-moz-box-shadow: inset 0 1px 0 0 #aec3e5;
	-webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
	box-shadow: inset 0 1px 0 0 #aec3e5;
	
	}
	
	.button:hover {
	background: #848FB2;
    cursor: pointer;
	}
    -->
        </style>
        <title>Figuratively&Speaking</title>
    </head>
    <body>
        <div id="wrapper">
                            <!-- include 'header' -->

<!--            <div id="header">
                <div id="logo">
                    <h1><a href="index.html">Figuratively<span>&amp;</span>Speaking</a></h1>
                </div>
                <div class="clr"></div>
            </div>-->
            <div class="content">
                    <!-- include 'menu' -->
<!--               <ul id="menu">
                    <li><a  href="{{rootUrl}}image/index">Home</a></li>
                    <li><a href="{{rootUrl}}image/addPage" class="current">INTORDUCTION</a></li>
                    <li><a href="{{rootUrl}}image/type/1" >PICTURE</a></li>
                    <li><a href="{{rootUrl}}image/typePage">MODEL</a></li>
                    <li><a href="{{rootUrl}}image/contactPage"  >CONTACT</a></li>
                    <li onmouseover="$('#x_select').show();" onmouseout="$('#x_select').hide();"><a href="javascript:;" >ABOUT</a><br/>
                        <p  id="x_select"style="position: absolute;background: black; display: none;"> <a href="{{rootUrl}}image/artistPage">ARTIST</a><br/>
                            <a href="{{rootUrl}}image/artistProuctPage">ARTIST PRODUCT</a></p>
                    </li>
                    <li><a href="{{rootUrl}}image/modelPage" id="login">MODEL CHART</a></li>
                    <li><a href="{{rootUrl}}admin" id="login">ADMIN</a></li>
                </ul>-->
<!--                <div id="pitch">
                    <h1>Sed at elit non est auctor lobortis sed nec<br />
                        Vivamus nec odio eget lacus semper</h1>
                    <p><em>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut enim risus, rhoncus sit amet ultricies vel, aliquet ut dolor. Duis iaculis urna vel massa ultricies suscipit.</em></p>
                </div>-->
               
                
                
                <!-- 显示表单部分 -->
                <div style="margin:20px auto;width:550px; ">
         <form enctype ="multipart/form-data" id="contactform" class="rounded" method="post" action="{{rootUrl}}image/login">
<h3>Login Form</h3>



<div class="field">
	<label for="username">username:</label>
  	<input type="text" class="input" name="username" id="username" />
	<p class="hint">Enter the  username.</p>
</div>
<div class="field">
	<label for="password">password:</label>
  	<input type="password" class="input" name="password" id="password" />
	<p class="hint">Enter the password.</p>
</div>




<!-- <div class="field">
	<label for="price">price:</label>
  	<textarea class="input textarea" name="price" id="price"></textarea>
	<p class="hint">Write your message.</p>
</div>  -->


<input type="submit" name="Submit"  class="button" value="Submit" />
</form>
                </div>
                  <!-- 显示表单结束 -->
                
                
                
                
                
                
            
<!--            <div id="footer">
                <p id="links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Use</a>
                </p>
                <p>
                    <a href="#">Home</a>
                    <a href="#">Practice</a>
                    <a href="#">Attorneys</a>
                    <a href="#">Accidents</a>
                    <a href="#">News</a>
                    <a href="#">About Us</a>
                    <a href="#">Contact Us</a>
                </p>
                <p>Copyright &copy; 2010 &minus; Lawyer&amp;Attorney &middot; Design: Luka Cvrk, <a href="http://www.cssmoban.com" title="Free CSS Templates">cssMoban.com</a> &not; <a href="http://www.lawyermarketinggroup.com/">Law Firm Marketing</a></p>
            </div>-->
        </div>

<!-- include 'footer' -->
</div>
    </body>
</html>


<script type="text/javascript">
    $('#menu a').click(function(){
        $('#menu a').removeClass('current');
        $(this).addClass('current');
    })
    
    
    
    
</script>

